import Vue from 'vue'
import Vuex from 'vuex'

import state from './state'
import mutations from './mutations'

Vue.use(Vuex)

export default new Vuex.Store({
  state,
  mutations
})

// actions: {
//   changeCity (context, city) {
//     context.commit('changeCity', city)
// context.commit 是 actions 用来调用 mutations 的
//   }
// }

// 相当于 store 的计算属性
// getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算
// getters: {
//   doubleCity (state) {
//     return state.city + ' ' + state.city
//   }
// }
